<template>
    <div>
        <div class="song_wrapper" v-show="this.musicId">
            <div class="song_left"></div>
            <div class="song_right"></div>
        </div>
        <div v-show="!this.musicId" class="songNotFound">
            <strong>未找到相关单曲</strong>
        </div>
    </div>

</template>

<script>
    export default {
        name: "song",
        data() {
            return {
                musicId: ''
            }
        },
        created() {
            if (this.$route.query.id) {
                this.musicId = this.$route.query.id;
            } else {
                this.$message.error('请通过正确途径打开单曲相关页');
            }
        },
        mounted() {
            this.route;
        }

    }
</script>

<style scoped lang="scss">
    .songNotFound{
        width: 100%;
        height: 100%;
        font-size:30px;
    }
    .song_wrapper{

    }
</style>